.basic-transfer.el-transfer {
  // px-4 py-[10px]
  @apply w-full flex flex-row items-center gap-x-4;
  .el-transfer-panel {
    @apply flex flex-col-reverse w-56;
    .el-transfer-panel__filter {
      padding: 15px 0;
    }
    .el-transfer-panel__header {
      border: none;
      height: 20px;
      background-color: transparent;
      padding-left: 13px;
      .el-checkbox__label {
        font-size: 12px !important;
        span {
          display: none;
        }
      }
    }
    .el-transfer-panel__footer {
      line-height: 1;
      height: auto;
      border: none;
    }
    .el-transfer-panel__body {
      border: none;
      border-bottom: 1px solid rgba(232, 237, 250, 1);
      .el-transfer-panel__filter {
        margin: 0;
        border-radius: 2px 2px 0px 0px;

        width: 100%;
        .el-input__wrapper {
          border-radius: 2px 2px 0px 0px;
        }
      }
      .el-transfer-panel__item {
        padding-left: 12px;
        margin-right: 0;
        background-color: #ffffff;
      }
      .el-checkbox__input.is-checked + .el-checkbox__label {
        background-color: #f8faff;
        font-size: 12px;
      }
      .el-checkbox__label {
        font-size: 12px;
      }
      .el-checkbox-group {
        // height: calc(100% - 44px);
        border: 1px solid rgba(232, 237, 250, 1);
        // border-top: none;
      }
      .el-transfer-panel__empty {
        height: calc(100% - var(--el-transfer-filter-height) - 30px);

        border: 1px solid rgba(232, 237, 250, 1);
        // border-top: none;
      }
    }
  }
  .el-transfer__buttons {
    @apply flex flex-col-reverse flex-grow justify-center gap-y-4 w-6 h-full p-0;
    .el-button {
      width: 24px;
      height: 24px;
      padding: 0;
      margin: 0;
      background-color: #ffffff;
      border-radius: 2px;
      .el-icon {
        color: var(--el-button-border-color);
      }
      &:hover {
        background-color: #ffffff;
      }
      &.is-disabled {
        border-color: #dcdcdc;
        background: #e8edfa;
        .el-icon {
          color: #a5a5a5;
        }
      }
    }
    .is-disabled {
      background: #e8edfa;
    }
  }
}
